// components/my-component1/my-component1.js
Component({
  options: {
    // 启用样式隔离（页面样式不会影响组件，组件样式也不影响页面）
    styleIsolation: 'isolated', // 默认值
    // 页面样式会影响组件，组件样式不影响页面
    // styleIsolation: 'apply-shared',
    // 互相影响
    // styleIsolation: 'shared',
  },
  /**
   * 组件的属性列表
   */
  properties: {
    person: Object
  },
  // 组件自己的生命周期
  lifetimes: {
    created() {
      console.log('created');
    },
    attached() {
      console.log('attached');
    },
    ready() {
      // 挂载
      console.log('ready');
    },
    detached() {
      // 卸载
      console.log('detached');
    }
  },
  // 组件所在页面的生命周期
  pageLifetimes: {
    show() {
      console.log('show');
    },
    hide() {
      console.log('hide');
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    handleTap() {
      // props是只读的，不能直接操作
      console.log(this.properties.person);
      // 触发事件
      this.triggerEvent('setAge', 2)
    }
  }
})
